<%
//下载APP
layout("/inc/layout.html",{
title:'个体营业执照办理 - 工商申请 - 智慧洛龙',
keywords:'工商申请,智慧洛龙',
description:'工商申请,智慧洛龙',
style:'index.css'
}){
%>
<section class="container mt15">
    <div class="row">
        <div class="panel panel-info">
            <div class="panel-heading text-left"><b>个体营业执照办理</b></div>
            <div class="panel-body">


                <div class="tabs-container" id="tabs-container">
                    <ul class="nav nav-tabs">
                        <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true"> 基本信息</a></li>
                        <li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false">经营者信息</a></li>
                        <li class=""><a data-toggle="tab" href="#tab-4" aria-expanded="false">审批日志</a></li>
                    </ul>
                    <div class="tab-content">
                        <div id="tab-1" class="tab-pane active">
                            <div class="panel-body col-sm-offset-1 col-sm-9">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">商户名称：</label>
                                        <div class="col-sm-10">
                                            <div class="form-control">${merchantApply.merchantName}</div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">备选字号：</label>
                                        <div class="col-sm-offset-2 ">
                                            <%
                                            if(isNotEmpty(merchantBrandOptionalList)){
                                            for(brand in merchantBrandOptionalList){
                                            %>
                                            <div class="col-sm-3 mb5">
                                                <div class="form-control">${brand}</div>
                                            </div>
                                            <%
                                            }
                                            }
                                            %>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">经营场所：</label>
                                        <div class="col-sm-10">
                                            <div class="form-control">${merchantApply.merchantAddress}</div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">证照资料：</label>
                                        <% if(isNotEmpty(imagesList)){
                                        for(image in imagesList){ %>
                                        <div class="col-sm-2 mb5">
                                            <img src="${uploaderFilesDomain!}${image.img!uploaderImageNotpic}" style="width: 120px;height: 120px" title="点击查看大图" alt="点击查看大图">
                                        </div>
                                        <% }}else{ %>
                                        <div class="col-sm-2 mb5">
                                            <img src="${uploaderFilesDomain!}${uploaderImageNotpic!}" class="img-thumbnail" title="暂无图片" alt="暂无图片">
                                        </div>
                                        <% } %>
                                    </div>

                                    <div class="form-group">
                                        <label for="businessScope" class="col-sm-2 control-label">经营范围：</label>
                                        <div class="col-sm-10">
                                            <textarea id="businessScope" class="form-control" rows="5" readonly="readonly">${merchantApply.businessScope!}</textarea>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">资金数额：</label>
                                        <div class="col-sm-10">
                                            <div class="form-control">${merchantApply.registeredCapital!0}万元</div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">从业人数：</label>
                                        <div class="col-sm-10">
                                            <div class="form-control">${merchantApply.employees!0}个人</div>
                                        </div>
                                    </div>


                                </div>


                            </div>
                        </div>


                        <div id="tab-3" class="tab-pane">
                            <div class="panel-body table-responsive">
                                <table class="table table-bordered">
                                    <thead>
                                    <tr>
                                        <th width="20%">类型</th>
                                        <th width="80%">数据</th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    <%
                                    if(isNotEmpty(member)){
                                    %>
                                    <tr>
                                        <td>姓名</td>
                                        <td>${member.name}</td>
                                    </tr>
                                    <tr>
                                        <td>性别</td>
                                        <td>${decode(member.sex,1,'男',2,'女')}</td>
                                    </tr>
                                    <tr>
                                        <td>身份证号码</td>
                                        <td>${member.cardNumber}</td>
                                    </tr>
                                    <tr>
                                        <td>民族</td>
                                        <td>${member.nation}</td>
                                    </tr>
                                    <tr>
                                        <td>住所</td>
                                        <td>${member.address}</td>
                                    </tr>
                                    <tr>
                                        <td>移动电话</td>
                                        <td>${member.phone}</td>
                                    </tr>
                                    <tr>
                                        <td>邮箱</td>
                                        <td>${member.email}</td>
                                    </tr>
                                    <tr>
                                        <td>文化程度</td>
                                        <td>${webUtil.memberEdu(member.education)}</td>
                                    </tr>
                                    <tr>
                                        <td>职业状态</td>
                                        <td>${member.workStatus}</td>
                                    </tr>
                                    <tr>
                                        <td>政治面貌</td>
                                        <td>${member.politicsStatus}</td>
                                    </tr>
                                    <tr>
                                        <td>身份证照片</td>
                                        <td class="IDcard">
                                            <div class="col-sm-6">
                                                <img src="${uploaderFilesDomain!}${member.cardFrontPicture!uploaderImageNotpic}" class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
                                            </div>
                                            <div class="col-sm-6">
                                                <img src="${uploaderFilesDomain!}${member.cardBackPicture!uploaderImageNotpic}" class="img-thumbnail" title="点击查看大图" alt="点击查看大图">
                                            </div>
                                        </td>
                                    </tr>
                                    <% } else{ %>
                                    <tr>
                                        <td colspan="2" class="text-center text-muted">暂无数据</td>
                                    </tr>
                                    <% } %>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div id="tab-4" class="tab-pane">
                            <div class="panel-body table-responsive">
                                <table class="table table-hover table-bordered">
                                    <thead>
                                    <tr>
                                        <th width="15%">审批时间</th>
                                        <th width="15%">审批人</th>
                                        <th width="10%">状态</th>
                                        <th width="60%">消息</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <%
                                    if(isNotEmpty(flowProcessList)){
                                    for(process in flowProcessList){
                                    %>
                                    <tr>
                                        <td class="text text-center">${process.updateTime,"yyyy-MM-dd HH:mm:ss"}</td>
                                        <td>${process.auditorNickName!'-'}</td>
                                        <td>${webUtil.merchantItemStatus(process.auditStatus!0)}</td>
                                        <td>${process.message}</td>
                                    </tr>
                                    <%
                                    }
                                    }else{
                                    %>
                                    <tr>
                                        <td colspan="4" class="text-center text-muted">暂无数据</td>
                                    </tr>
                                    <%
                                    }
                                    %>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                    </div>

                </div>


            </div>

            <div class="panel-footer">
                <div class="col-sm-offset-4 clearfix">
                    <div class="mt5 mb5 block col-sm-4">
                        <a href="/user/transact" class="btn btn-success btn-lg btn-block">返回列表</a>
                    </div>
                </div>
            </div>

        </div>

    </div>
</section>
<% } %>
<script>
    require(['modules/merchant_apply'], function (apply) {
        apply.success();
    });
</script>
</body>
</html>